<template>
    <div class="flex_col_start m5 p10 card">
        <label class="flex_center_self">日志信息</label>
        <div class="flex_col_start" style="width: 500px; height: 300px; overflow-y: scroll;">
            <label v-for="(item, index) in logInfos" 
                style="font-size: 14px;"
                :key="index">{{ index+1 }}: {{ item }}</label>
        </div>
        <div class="flex_row_center">
            <el-button @click="onClickClear" type="primary">清空</el-button>
        </div>
    </div>
</template>


<script lang="ts" setup>
import { logInfos } from '@/service/info';

function onClickClear() {
    logInfos.value = [];
}


</script>
